.avator{
  display: inline-block;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  .debug{
    position: absolute;
    font-size: 9px;
    left:0;
    background:white;
  }
  .status{
    position: absolute;
    right: -6px;
    bottom: -7px;
    line-height: 100%;
    
  }
  .status-dot{
    line-height: auto;
    right: -7px;
    bottom: -7px;
    .offline-icon{
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 100%;
      border: 2px solid #F5F8FF;
      background: linear-gradient( 316deg, #2AE004 0%, #5BEC3C 100%);
    }
    .offline-0{
      background: linear-gradient( 344deg, #BDBDBD 0%, #CBCBCB 100%);
    }
  }
}
